<%@ Control Language="C#" %>
<%@ Register TagPrefix="CS" Namespace="CommunityServer.Controls" Assembly="CommunityServer.Controls" %>
<%@ Register TagPrefix="Galleries" Namespace="CommunityServer.Galleries.Controls" Assembly="CommunityServer.Galleries" %>
<%@ Import Namespace="CommunityServer.Components" %>
<script language="javascript" type="text/javascript">
function toggleLayers(whichLayer)
{
	if(whichLayer != 'ViewSizes')
		toggleLayer('ViewSizes', true);
	if(whichLayer != 'ViewExif')
		toggleLayer('ViewExif', true);
	toggleLayer(whichLayer);
}
function toggleLayer(whichLayer, forceHide)
{
	var element = null;
	if (document.getElementById)
	{
		// this is the way the standards work
		element = document.getElementById(whichLayer)
	}
	else if (document.all)
	{
		// this is the way old msie versions work
		element = document.all[whichLayer];
	}
	else if (document.layers)
	{
		// this is the way nn4 works
		element = document.layers[whichLayer];
	}
	if(element != null)
	{
		var style2 = element.style;
		if(forceHide)
			style2.display =  ""
		else
			style2.display = style2.display? "":"block";
	}

}
</script>

<Galleries:InlineTagEditor runat="server" id="InlineTagEditor" LinkCssClass="CommonTextButton" CssClass="CommonInlineTagEditor" />

<h3 class="ContentHeader"><Galleries:InLinePictureTextEditor id="Name" runat="server" /></h3>
<Galleries:NavigationMenu runat="server" id="Navigationmenu1" NAME="Navigationmenu1"/>
		<asp:Panel id="PagerPanel" runat="server">
			<div style="float:right;position:relative;top:-15px;text-align:right;">
					<div class="PictureListPager"  style="position:relative; top: 8px;">
									<CS:CurrentPage Cssclass="columnText" id="Currentpage" runat="server" />&nbsp;
									<Galleries:PostPager id="Pager" runat="server" />
					</div>
			</div>
		</asp:Panel>
					<div class="clearBoth">&nbsp;</div>

	<div class="PictureDetail">
		<span>
			<Galleries:GalleryImage id="detailsImage" ImageType="Other" Width=425 height=425 quality=70 runat="server"/>
		</span>
		<div class="photodetailoptions">
			<a href="javascript:toggleLayers('ViewSizes');" title="View Image Sizes" class="viewsizes">View Sizes</a>
			<a href="javascript:toggleLayers('ViewExif');" title="View Exif Info" class="viewexif">View Details</a>
			<div>
			<Galleries:ExifListing runat="server" id="Exiflisting1" ShowNoExifMessage="True" />
			<Galleries:PictureSizes runat="server" id="PictureSizes1"/>
			</div>
		</div>
	</div>

<div class="PictureDescription"><Galleries:InLinePictureTextEditor id="Description" runat="server" /></div>
<div><CS:InlineTagEditorPanel runat="server" id="InlineTagEditorPanel" InlineEditorID="InlineTagEditor" /></div>

<Galleries:EntryComments runat="server" id="EntryComments" />

